<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" >
<head>
    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="description" content="">
    <meta name="author" content="">

    <title>用户列表 -- 托无忧评测运营支撑系统</title>

    <!-- Bootstrap core CSS -->
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

    <!-- Bootstrap -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="/css/style.css" rel="stylesheet">
    <link href="/css/pages/dashboard.css" rel="stylesheet">

    <script src="https://kit.fontawesome.com/3fe533300e.js" crossorigin="anonymous"></script>



    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
    <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->
</head>
<body>

<div class="container">

    <ul class="nav nav-tabs nav-justified ">
        <li role="presentation"><a href="#">首页</a></li>
        <li role="presentation" class="active"><a href="/mview/users">用户列表</a></li>
        <li role="presentation"><a href="/mview/promocodes">优惠码</a></li>
        <li role="presentation"><a href="/mview/orders">订单列表</a></li>
        <li role="presentation"><a href="/mview/redeemcodes">兑换码</a></li>
        <li role="presentation"><a href="/mview/redeemrecords">兑换记录</a></li>
        <li role="presentation"><a href="/mview/products">产品列表</a></li>
        <li role="presentation"><a href="/mview/news">新闻列表</a></li>
        <li role="presentation"><a href="/mview/articles">文章</a></li>
    </ul>

    <div class="span12">

        <div class="widget">

            <div class="widget-header">
                <i class="icon-th-large"></i>
                <h3>Choose Your Plan</h3>
            </div> <!-- /widget-header -->

            <div class="widget-content">

                <div class="pricing-plans plans-3">

                    <div class="plan-container">
                        <div class="plan">
                            <div class="plan-header">

                                <div class="plan-title">
                                    First Agent
                                </div> <!-- /plan-title -->

                                <div class="plan-price">
                                    $0<span class="term">For Life</span>
                                </div> <!-- /plan-price -->

                            </div> <!-- /plan-header -->

                            <div class="plan-features">
                                <ul>
                                    <li><strong>Perfect</strong> for a small company looking to tackle  customer service across email.</li>
                                    <li>Easy to upgrade anytime</li>
                                    <li>Pay only what you need</li>
                                    <li>Chat support</li>
                                </ul>
                            </div> <!-- /plan-features -->

                            <div class="plan-actions">
                                <a href="javascript:;" class="btn">Signup Now</a>
                            </div> <!-- /plan-actions -->

                        </div> <!-- /plan -->
                    </div> <!-- /plan-container -->



                    <div class="plan-container">
                        <div class="plan green">
                            <div class="plan-header">

                                <div class="plan-title">
                                    Flex Package
                                </div> <!-- /plan-title -->

                                <div class="plan-price">
                                    $5<span class="term">Per Agent</span>
                                </div> <!-- /plan-price -->

                            </div> <!-- /plan-header -->

                            <div class="plan-features">
                                <ul>
                                    <li><strong>Perfect</strong> for mid size companies with round the clock support </li>
                                    <li>Flexible package</li>
                                    <li>Email &amp; Chat support</li>
                                    <li>Multimedia support</li>
                                </ul>
                            </div> <!-- /plan-features -->

                            <div class="plan-actions">
                                <a href="javascript:;" class="btn">Signup Now</a>
                            </div> <!-- /plan-actions -->

                        </div> <!-- /plan -->
                    </div> <!-- /plan-container -->

                    <div class="plan-container">
                        <div class="plan">
                            <div class="plan-header">

                                <div class="plan-title">
                                    Virtual Agent
                                </div> <!-- /plan-title -->

                                <div class="plan-price">
                                    $30<span class="term">Per Month</span>
                                </div> <!-- /plan-price -->

                            </div> <!-- /plan-header -->

                            <div class="plan-features">
                                <ul>
                                    <li><strong>Perfect</strong> for big companies with round the clock support and knwledge base.</li>
                                    <li>Easy to setup and use</li>
                                    <li>Mobile agent and multimedia support</li>
                                    <li>Universal inbox and cases</li>
                                </ul>
                            </div> <!-- /plan-features -->

                            <div class="plan-actions">
                                <a href="javascript:;" class="btn">Signup Now</a>
                            </div> <!-- /plan-actions -->

                        </div> <!-- /plan -->

                    </div> <!-- /plan-container -->


                </div> <!-- /pricing-plans -->

            </div> <!-- /widget-content -->

        </div> <!-- /widget -->

    </div>

</div> <!-- /container -->

<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
</body>
</html>